@charset 'utf-8';
// === 分类列表 ===
// 引入初始化scss
@import '../public/initialization.m.scss';
// 引入定义的混合
@import '../public/mixture.m.scss';
// 引入产品定义
@import '../public/appoint.scss';

// === 购物车 ===

.body{
	background-color: #fbfbfb;
}

.item{
	background-color: #fff;
	padding: 10px 0;
	@include border-top-m($color: #ccc);
	@include border-bottom-m($color: #ccc);
	@include flex-box($align: center);
	margin-bottom: 10px;
	.iconfont{
		margin-left: 5px;
		display: none;
	}
	.content{
		@include flex-item();
		@include flex-box();
		.right{
			@include flex-item();
			position: relative;
		}
		.button-box{
			position: absolute;
			bottom: 0;
			right: 0;
			left: 0;
			overflow: hidden;
			text-align: right;
			padding: 0 5px;
		}
		.img-box{
			width: 80px;
			height: 80px;
			@include border-m($color: #ccc);
			margin: 0 5px;
			overflow: hidden;
		}
		.name{
			font-size: 14px;
			color: #333;
			@include text-overflow($line: 2);
			word-break: break-all;
			padding-right: 5px;
		}
		.type{
			font-size: 12px;
			color: #bbb;
			line-height: 1.8;
		}
		.button,.butt-box,input{
			display: inline-block;
		}
		.button,input{
			min-width: 40px;
			line-height: 25px;
			height: 25px;
			text-align: center;
		}
		input{
			width: 40px;
			text-align: center;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
		.button.sub{
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}
		.button.add{
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
		.button:active{
			background-color: rgba(0,0,0,.2);
		}
	}
}
.bottom{
	@include flex-box($align: center);
	.sublime-butt{
		@include flex-item();
		background-color: #7b9dfb;
		color: #fff;
		&:active{
			background-color: rgba(0,0,0,.2);
		}
	}
	.delete-all{
		margin-right: 50px;
		line-height: 40px;
		padding: 0 10px;
		display: none;
		&:active{
			background-color: rgba(0,0,0,.2);
		}
	}
	.button{
		border: 0;
	}
	.icon-all{
		display: none;
		border-radius: inherit;
		margin-right: 5px;
		span{
			display: inline-block;
			vertical-align: middle;
			padding: 0 5px;
		}
		.iconfont{
			padding-right: 0;
		}
	}
}
.shopping-cart-no-data{
	text-align: center;
	color: #ccc;
	font-size: 12px;
	.iconfont{
		font-size: 60px;
		margin-top: 100px;
	}
	p{
		margin-top: 10px;
	}
}
